<template>
   <a href="/me.html"><span class="logonImg"><img src="img/left.jpg"></span></a>
    <a class="a" href="mePaybill.html">账单</a>
   <!-- logo -->
    <div class="home">
      <img src="img/pay.png">
      <p>我的余额</p>
      <h2>&yen88.88</h2>
    </div>
    <div class="Mid">
      <div class="weui-cells weui-cells_checkbox">
            <label class="weui-cell weui-check__label" for="s11">
             <div class="weui-cell__bd">
                   <img src="img/bao.png" > <span>支付宝</span>
                </div>
                <div class="weui-cell__hd">
                    <input type="checkbox" class="weui-check"  name="checkbox1" id="s11" checked="checked">
                    <i class="weui-icon-checked"></i>
                </div>
               
            </label>
            <label class="weui-cell weui-check__label" for="s12">
                <div class="weui-cell__bd">
                   <img src="img/wei.png" > <span>微信支付(未开放)</span>
                </div>
                 <div class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" disabled class="weui-check" id="s12" >
                    <i class="weui-icon-checked"></i>
                </div>
            </label>
        </div>
        <div class="weui-btn-area">
            <a class="weui-btn weui-btn_primary" href="/mePayup.html" id="showTooltips">充值</a>
        </div>
    </div>
</template>

<script>
export default {
  methods:{

  }
}
</script>
<style scoped>
   .logonImg{
    display: inline-block;
    position: fixed;
    top: 1.5%;
    width: 5%;
    left: 2%;
    z-index:1888;
  }
   .logonImg img{
    width:100%;
  }
  /*账单*/
  .a{
    color: white;
    position: absolute;
    top:2%;
    height: 9%;
    right: 5%;
    font-size: .16rem
  }
  .home{
    margin-top: 20%;
    width: 100%;
    text-align: center;
  }
  .home img{
    width: 30%;
  }
  .home p{
    margin-top: 2%;
    color: #898989;
  }
  .Mid{
    width: 95%;
    margin: auto;
  }
  .Mid img{
    width: 15%;
  }
  .weui-btn-area{
      margin-top: 2em ;
  }
</style>
